<template>
    <!--    前端html代码-->
    <div>
        <h1> 单文件组件</h1>
        <!--        渲染其他单文件组件-->
        <!--        <Child></Child>-->
        <!--        <Child2></Child2>-->
        <!--        使用路由匹配-->
        <router-view></router-view>
    </div>

</template>

<script>
    //编写js代码
    // 导入其他单文件
    import Child from './componts/Child.vue'
    import Child2 from './componts/Child2.vue'

    export default {
        components: {
            Child,
            Child2
        },

    }
</script>

<style>
    /*编写css代码*/
</style>